iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

.NET Core MVC網頁應用開發系列 第 20

.NET Core第20天_TextAreaTagHelper的使用

  • 分享至 

  • xImage
  •  

TextAreaTagHelper : 可以換(多)行的輸入框,為.net 對html 的封裝。

新增一個TextAreaController 跟相應View和 ViewModel

TextAreaController.cs

using Microsoft.AspNetCore.Mvc;
using Net5App6.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace Net5App6.Controllers
{
    public class TextAreaController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public IActionResult Index(TextAreaViewModel model)
        {
            string content = model.Content;
            return View(model);
        }
    }
}

Index.cshtml

@model TextAreaViewModel
<form method="post">
    <div>
        <textarea asp-for="Content"></textarea>
    </div>
    <div>
        <input type="submit" value="提交" />
    </div>
</form>

TextAreaViewModel.cs

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Threading.Tasks;

namespace Net5App6.Models
{
    public class TextAreaViewModel
    {
        [Display(Name = "多行輸入框")]
        public string Content { get; set; }
    }
}

運行效果

https://ithelp.ithome.com.tw/upload/images/20210920/20107452RTo2LjCR1H.png

本篇已同步發表至個人部落格
https://coolmandiary.blogspot.com/2021/08/net-core20textareataghelper.html


上一篇
.NET Core第19天_SelectTagHelper的使用
下一篇
.NET Core第21天_FormTagHelper的使用_防止跨站請求設置方式
系列文
.NET Core MVC網頁應用開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言